<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery课堂练习</title>
    <style>
        div{
            text-align: center;
            height: 200px;
            line-height: 200px;
        }
        table{
            border: 1px solid;
            text-align: center;
            width: 800px;
            margin: auto;
        }

        th,td{
            border: 1px solid;
        }

        .over{
            background-color: blanchedalmond;
        }
        .out{
            background-color: white;
        }

    </style>

</head>
<body>
<div>
    <input type="text" placeholder="请输入员工序号" id="id">
    <input type="text" placeholder="请输入员工姓名" id="name">
    <input type="text" placeholder="请输入员工工资" id="sal">
    <input type="button" value="添加员工" id="add">
</div>
<table>
    <caption>员工工资信息管理表单</caption>
    <tr>
        <th><input type="checkbox" name="cbox" id="fcbox"></th>
        <th>员工工号</th>
        <th>员工姓名</th>
        <th>员工工资</th>
        <th>基本操作</th>
    </tr>
    <tr>
        <td><input type="checkbox" name="cbox"></td>
        <td>001</td>
        <td>张三</td>
        <td>54321</td>
        <td><a href="javascript:void(0)" onclick="del(this)">删除</a></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="cbox"></td>
        <td>002</td>
        <td>李四</td>
        <td>12345</td>
        <td><a href="javascript:void(0)" onclick="del(this)">删除</a></td>
    </tr>
</table>
<div>
    <input type="button" value="全选" id="all">
    <input type="button" value="全取消" id="noall">
    <input type="button" value="反选" id="reverse">
</div>

</body>
</html>